@CHARSET "UTF-8";
 /* color1: #0063dc blue */
 /* color2: #cf0000 紫红  */
 /* tabs border: #88c7d3; */

 /* background 1:  #eaf3ff 浅蓝 */
 /* background 2:  #fcffd4;浅黄 */
 /* background 3:   */

/* body{background: gray;} */
/* the global setting */
#id_body{text-align: center; background: url(/static/img/bg.png); background-repeat: repeat-x;margin-top: 5px}

.container_12{margin-left: auto; margin-right: auto; }

/* the header section */
#div_head_show{height: 90px;}
#div_search, #div_utility_links{margin-top:20px;}
#div_logo{margin-top:0px;  margin-left: 10px;background: white;}
#div_logo img{width: 180px; height: 62px; }
.div_logo_title, .div_logo_title a{/* margin-top: 30px;  */color: #E95B39; font-size: 1.2em; font-weight: bold; }
#div_utility_links{margin-right: 40px; }
#div_search{margin-left: 100px;background: #E95B39;padding: 2px;}
#div_search #select_cat_for_search,#input_search{background: white;}
#select_cat_for_search{width: 100px;}
#bt_search{background: #E95B39;border: 0px; color: white; font-weight: bold;}
.a_head_link{color: #770000;}

/* #div_foot{background: #fcffd4; border: 1px solid #E95B39;} */

/* main navigator */
#div_neck{height: 40px;background: #E95B39;/* border-bottom: 2px solid #E95B39; */ /* border-top:2px solid #E95B39 */}
#div_head_cat{background: #E95B39; }
.cat_box{width: 79px; height: 40px;line-height:40px; }
.a_head_cat { display: block; color:white;text-align: center; font-size: 1.2em; font-weight: bold;text-decoration: none;  /* border: 2px solid #E95B39; */}
.cat_box .a_head_cat:hover{background: #ff8566; font-size: 1.5em; /* margin-top:-10px; position: relative; top: -10px; */}
.a_head_cat.normal{background: #E95B39; color: white; }
.a_head_cat.select{background: white; color: #E95B39;}
.a_head_cat.select:hover{background: white;color: #E95B39;}

.main_nav { overflow: hidden;}
.main_nav li {float: left; display: inline; }

/* bread_crumbs */
.bread_crumbs, .bread_crumbs .crumb {margin-top: 10px; color: #E95B39; font-size: 1.2em; text-align: left;}
.tag_crumb{margin-top: 10px; color: #0063dc; font-size: 1.0em; text-align: left; vertical-align:middle;}

#div_register{ padding-top: 20px;}
#vertical_line{height: 200px;width:1px;background: black;margin-top: 20px;}
#div_login{ padding-top: 20px; }
.td_desc{text-align: right; width:120px; }
#div_register_login * #lb_declare, #div_register_login * #lb_declare .a_declare{font-size: small;}
#div_register_login{height: 340px; background: white; margin-top: 10px;margin-bottom: 10px;}
#div_register_login *{font-size: 13px;}
#div_register_login .register_title{font-weight:bold; font-size: large; color:#008aff}
#div_register_login form{margin-top: 15px;}
#div_welcome{color: #0063dc; font-weight: bold;}
.welcome{color: #0063dc; }
label.error, .lb_error{color: red;}


.div_content{background: white;margin-top: 10px; 
/*margin-bottom: 10px;
border: 2px solid #E95B39; */
padding-top: 10px;padding-bottom: 10px;}
#table_register tr, #table_login tr{height: 30px;}
.div_sub_cat{float: left;width:60px; }
.div_video_img{ width: 128px; height: 105px;}
.course_img{width: 110px; height: 75px;;border: 1px solid gray;}
.div_img{z-index: 0; position: relative; top:0px; left: 0px;}
.mask{z-index: 1; position: relative; top:0px; left: 0px;background: black; color: white;width: 110px; height: 17px; margin-top: -17px;margin-left: 9px;
filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.mask label{float: right;}
.search_item_img{width: 118px; height: 85px; border: 1px solid gray;}

/* comment */
 .comment_body{width: 600px; } 
.comment{width: 100%;}
.user-name{width: 120px; }
.comment-text{width: 300px;}
.view-time{}
.border-blue{border: 1px solid blue}

.act_box{border: 1px solid gray; margin-left: -1px; float: left; background: #f4f9ff;}
/*  */
.act {
    width: 100px;
    /* color: #444; */
    color: #008aff;
    display: block;
    font-size: 1.2em;
    text-decoration: none;
}
 
.act span {
    width: 100px;
    background: #f4f9ff;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
.act:active {
    background: #008aff;
    /* width: 100px; */
    color: #f4f9ff;
    outline: none; /* hide dotted outline in Firefox */
}

.act:active label {
    width: 100px;
    color: #f4f9ff;
    background-position: bottom left;
}

/* title */
.title, .long_title, .more_title{overflow-x: hidden; overflow-y:hidden; height: 22px; line-height: 22px; text-align: left}
.title, .more_title{width: 128px; height: 18px; }
.long_title{width: 150px;  text-align: left; }
.title .a_course_title, 
.long_title .a_course_title,
.long_title .a_top_course_title,
.more_title .a_course_title
{ color:#2149cd; text-decoration: none; font-size:1.0em}
/*.more_title .a_course_title{color: #215acd; width: 100px; }*/
.div_play_title{font-size: large; color: #008aff;}
.large-font{font-size: 2em; font-weight: bold;}
.top-title{color: #0059c6; font-size: 2em; font-weight: bold;}
.15em{font-size: 1.5em; }
.20em{font-size: 2.0em; }
.bold{font-weight: bold}
.cent{align: center; align-left: auto;align-right: auto;}

/* 今日热点 */
.hot_course{padding-top: 10px; }
.big-img {width:270px; height:155px;}

/* top 10 course list */
.top_course_index{float: left;line-height: 22px;width: 22px; height: 22px; 
color: white; text-align:center; font-size:1.2em; font-weight: bold;}
.top3{background:#E95B39;/*#00b0e3;*/}
.top7{background:#BBBBBB;}
.top_course_title{float: left; margin-left: 5px; }
.div_top_course_list{margin-top: 5px; width: 50%; float: left; }
.times{color:#0063dc; width: 50px;}

/* tabs style */
.tabs{margin-top: 10px; padding:0px;border: 1px solid #dbdbdb;}
.tabs-title{padding: 5px;}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-nav .tabs-title,
.ui-tabs-nav .tabs-title .more,
 .title{color: #0063dc; font-size: 1.1em; text-decoration: none;}
.ui-tabs-nav .tabs-title .more:hover{text-decoration: underline;}
.ui-tabs .ui-tabs-nav{background: #dfedff;//url(/static/img/tabs-bg.png); border:1px solid #dbdbdb; margin: -1px; padding: 0em 0em 0; height: 27px;}
.ui-tabs .ui-tabs-nav li {background: #dfedff;//url(/static/img/tabs-bg.png); list-style: none; float: left; position: relative; top: -1px; margin: 0 0em 0px -1px; width: 80px;overflow-x: hidden; overflow-y:hidden; 
 border: 1px solid #dbdbdb;border-bottom: 0 !important; padding: 0; white-space: nowrap; font-size:1.1em}
.ui-tabs .ui-tabs-nav li .div_tab_title{width: 70px;overflow-x: hidden; overflow-y:hidden;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-weight: normal;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: white; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a {font-weight:bold; }

/* home page > right column > player */
#div_StrobeMediaPlayback{}

/* home page > right column > login box */
#div_home_login{background: white; float: left; margin-bottom: 10px; margin-top: 10px}
.div_home_right_box{margin-top: 10px;border: 1px solid gray}
.input_for_home_login{float: left; margin-top:6px; margin-left: 5px;}
#input_username, #input_passwd{width: 120px;}
.show_border{border: 1px solid red;}
#div_reg_link{float: left;text-align: center; vertical-align: middle; }
#div_home_register{margin-left: 5px;margin-top: 30px; padding-left: 5px; padding-right: 5px;background: #0063dc;}
#div_home_register .button_register{font-size: 1.5em; font-weight: bold; text-decoration: none; color: white;  text-align: center;}
#login_vertical_line{width:1px;height:55px; float: left; background: #cf0000; margin-left: 10px; margin-top: 15px;}
#div_home_register{}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }

/* general */
.padding_left_20px{padding-left: 20px;}
.margin-top-5px{margin-top: 5px;}
.margin-top-10px{margin-top: 10px;}
.margin-top-20px{margin-top: 20px;}
.margin-left-10px{margin-left: 10px;}
.margin-left-20px{margin-left: 20px;}
.margin-left-40px{margin-left: 40px;}
.margin-right-10px{margin-right: 10px;}
.margin-right-20px{margin-right: 20px;}
.margin-bottom-10px{margin-bottom:10px}
.margin-bottom-5px{margin-bottom:5px}
.margin-10px{margin:10px}
.margin-5px{margin:5px}
.align-right{align: right; text-align: right;}
.align-left{align: left; text-align: left;}
.box{border: 1px solid gray;margin: 7px;}
.box-body{margin: 10px;}
.box-desc{color: #0063dc}
.gray{color: gray;}
.default-bg{background: #E95B39;}
.big-text{font-size: 1.5em; font-weight: bold;}
.medium{font-size: 1.3em;}
.red{color: red;}
.green{color: green;}
.white{color: white}

/* user.CSS */
.div_user_action{color: white;background:#E95B39; margin-top:2px;}
.div_user_selected_action{background: white;border: solid 1px #E95B39; margin-top:2px;}
.a_user_action{text-decoration: none; line-height: 20px;}
.a_user_action div{height:20px;}
.a_user_action:hover .div_user_action{background: #ff8566; border: solid 1px #E95B39; color: white;}
.a_user_action:visited .div_user_selected_action{color: #E95B39；/* #0063dc */}
#div_user{margin-top: 50px;margin-bottom: 50px; height: 250px; width:100%;}
#div_action_content{border: solid 0px black; padding-left: 20px;}
.user-center-title{color:#0063dc;}


/* courses */
#table_courses tr td{height: 150px; width: 170px}
.div_admin_course{border: 0px solid black;}
.div_user_video_img{width: 118px; height: 95px;}
.div_operat_course{border: 0px solid black; position: relative; right: 25px; top:5px;}
.price{color: #0063dc;/*background: #0063dc; */border: 1px solid #0063dc; width: 45px;overflow-x: hidden; overflow-y:hidden; }
.ori-price{text-decoration: line-through; font-size: 1.2em; font-weight: bold; color: #E95B39}
.real-price, .dis-price{font-size: 1.5em; background: #E95B39; line-height: 36px;font-weight: bold;
	   width: 100px; height: 36px; color: white}

.view{color: #cf0000; border: 0px solid blue;}

.right{float: right; }
.left{float: left; }
.clear{clear: both}
.center{margin-left: auto; margin-right: auto; text-align: middle}
.paginator{color: #0063dc; font-size: 1.3em; font-weight: bold}
.current-paginator{color: #cf0000;font-size: 1.5em; font-weight: bold}
.search_item{margin: 0 20px; vertical-align: middle;}
.desc{text-align: left; font-size: 1.3em; }

.li_operat_course{list-style: none; width: 18px; height:18px}
.li_operat_course:hover{}
.div_edit_course{width: 20px; height: 20px; background: red;}
.div_rm_course{width: 20px; height: 20px; background: blue;}

/*
#table_upload {width: 90%;}
#table_upload tr {line-height: 26px;width:100%;}
#table_upload tr td:first-child{width:10%;}
#table_upload tr.odd td{font-size: 1.2em; color: #0063dc}
#table_upload .div_input_tag, 
#table_upload .div_tag, 
#table_upload .hilight_tag,
#table_upload #selectable .input_cat
{width:15%; height: 20px;line-height: 20px;float: left;text-align:center; margin-top: 10px;margin-left: 10px;}
#table_upload #selectable .input_cat, .div_tag, .hilight_tag{border: 1px solid gray; }
*/
#upload_input_title, #upload_input_desc{width: 100%}
.select_college{width: 200px;}
.select_province{width: 100px;}
.div_tag{background: white;}
.hilight_tag{background: #bfcdff;}

div{border: 0px solid black;}
.say-good-bad{font-size: 1.2em; font-weight: bold; }
.profile-input{width: 100px;}
.profile-textarea{width: 100%;}
.chgpasswd-input{width: 150px;}

.prompt{color: #E95B39; text-align: left;}
.failed{color: red}
.success{color: green;}
.failed .body, .success .body{font-size: 1.4em}
.td_desc, .user_table td:first-child{color: #0063dc; height: 26px; text-align: right; }
.user_table td{vertical-align: middle;}
.user_table{margin-top: 20px; font-size: 1.2em;}
.user_menu{font-size: 1.2em;}

/* table */
.resultTable { margin:auto auto; background:url(/static/img/th_bg.gif) repeat-x left top; width: 100%; margin-top:20px;}
.resultTable th{ height:28px; line-height:28px; text-align:center; font-weight:normal; color:#fff;background:url(/static/img/th_line.gif) no-repeat left center; }
.resultTable td{ color:#333333; background-color:#f7f9f9; height:32px; line-height:28px; text-align:center; border-right:1px solid #e8e8e8; border-left:1px solid #fcfcfc; border-bottom:1px solid #cdd6da;}
.resultTable td a{color:#333333; text-decoration:underline;}
.resultTable .bg1 td{}
.resultTable .bg1 td{ line-height:32px; background:url(/static/img/bg1_td.gif) repeat-x left top; border-bottom:1px solid #cdd6da;}
.resultTable .bg2 td{ 
}
.resultTable .bg2 td {
    background: none repeat scroll 0 0 #e4e9eb;
    border-bottom: 0 none;
    border-top: 1px solid #f7f9f9;
}
.resultTable tr td.td_role_menus{text-align: left; padding-left: 20px;}
